<template>
  <div class="content">

  </div>
</template>

<script>
  import { onMounted, onUpdated } from "vue"; // setup里面没有beforeCreate, onCreated, created, 对于created和beforeCreate直接在setup里面写就行
  export default {
    // 以前的写法
    /*
    created() {
      console.log("created");
    },
    beforeCreate() {
      console.log("beforeCreate");
    },
    beforeMount() {
      console.log("beforeMount");
    },
    beforeUpdate() {
      console.log("beforeUpdate");
    },
    beforeUnmount() {
      console.log("beforeUnmount");
    },
    mounted() {
      console.log("mounted");
    },
    unmounted() {
      console.log("unmounted");
    },
    updated() {
      console.log("updated");
    },*/
    setup() {
      // 在执行setup函数的过程中,你需要注册别的生命周期钩子函数,需要使用onXxx方法
      // 在执行onMonted过程中,会执行onMounted中的回调函数
      onMounted(() => {
        console.log("onMounted1");
      })
      onMounted(() => {
        console.log("onMounted2");
      })
    },
  }
</script>

<style scoped>
</style>